<div nz-row [nzGutter]="8" class="login" *ngIf="!loading">
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="login__group">
    <nz-input [(ngModel)]="phone" name="phone" [nzPlaceHolder]="'phone'" [nzSize]="'large'"></nz-input>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="login__group">
    <nz-input [(ngModel)]="password" [nzType]="'password'" name="password" [nzPlaceHolder]="'password'" [nzSize]="'large'"></nz-input>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="login__group">
    <div nz-col [nzSpan]="12">
      <button nz-button (click)="loadSign()">
        <i class="anticon anticon-login"></i>
        <span>Sign In</span>
      </button>
    </div>
    <div nz-col [nzSpan]="12">
      <button nz-button [routerLink]="['/login/register']">
        <i class="anticon anticon-register"></i>
        <span>Register</span>
      </button>
    </div>
  </div>
  <div nz-col [nzSpan]="18" [nzOffset]="3" class="register__group error" [ngClass]="{ 'success':error ==='注册成功'}">
    {{ error }}
  </div>
</div>
<div nz-row [nzGutter]="8" class="loading" *ngIf="loading">
  <div nz-col [nzSpan]="18" [nzOffset]="3">
    <nz-spin [nzTip]="'正在自动登录...'">
      <nz-alert [nzType]="'info'" [nzMessage]="'登录中'" [nzDescription]="'请稍后......'">
      </nz-alert>
    </nz-spin>
  </div>
</div>
